<template>
	<view class="kqset">
		<ul>
			<li>
				<text>上班前15分钟提醒我</text>
				<u-switch v-model="value" @change="change"></u-switch>
			</li>
			<li>
				<text>下班前15分钟提醒我</text>
				<u-switch v-model="value1" @change="change"></u-switch>
			</li>
		</ul>
		<ul>
			<li>
				<text>自动考勤</text>
				<u-switch v-model="value2" @change="change"></u-switch>
			</li>
			</ul>
			<text class="textareaS">
				开启自动考勤后，如果您已进入考勤范围，应用会在考勤时间内自动完成考勤。请保持应用处于后台活跃，并在系统隐私设置中开启始终使用位置功能。
			</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value:true,
				value1:true,
				value2:true
			}
		},
		methods: {
			change(e) {
				console.log('change', e);
			},
		}
	}
</script>

<style>
	.kqset>ul>li>text{
		font-size: 14px;
		color: #666666;
		margin-left: 10px;
	}
	.textareaS{
		display: inline-block;
		width: 90vw;
		height:80px;
		color: #999999;
		font-size: 12px;
		background-color:rgba(242, 242, 242, 0.5);
		margin-left: 15px;
		margin-top: 30px;
	}
	.kqset>ul{
		margin-top: 30px;
	}
	.kqset>ul>li{
		width: 100vw;
		height: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: white;
		margin-top: 3px;
	}
	*{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
.kqset{
	background-color:rgba(242, 242, 242, 0.5);
}
</style>
